package tables

import "html/template"

var cherryEditor template.HTML = `<div id="markdown-container" style="height: 100%;"></div>
<div id="editor-wrapper" style="display: none;height: 100%;">
  <div style="display: flex;height: 100%;overflow: auto;flex-direction: column;">
    <div id="toolbar-container"><!-- 工具栏 --></div>
    <div id="editor-container" name={{ .Field }} value="{{ .Value }}" style="flex:1"><!-- 编辑器 --></div>
  </div>
</div>

 <script>
var cherry = new Cherry({
    //locale: cherryLocale,
    id: 'markdown-container',
    value: '',
    autoSave2Textarea: true,
          defaultModel: 'edit&preview',
    //fileUpload: funcFileUpload,
    toolbars: {
      // 定义顶部工具栏
      toolbar: [
      'bold',
      'italic',
      {
        strikethrough: ['strikethrough', 'underline', 'sub', 'sup', 'ruby', 'customMenuAName'],
      },
      'size',
      '|',
      'color',
      'header',
      '|',
      'ol',
      'ul',
      'checklist',
      'panel',
      'justify',
      'detail',
      '|',
      {
        insert: ['image', 'audio', 'video', 'link', 'hr', 'br', 'code', 'formula', 'toc', 'table', 'pdf', 'word', 'ruby'],
      },
              'graph','togglePreview', 'export'
      ],
      // 定义侧边栏,默认为空
      // sidebar: ['theme', 'mobilePreview', 'copy'],
      // 定义顶部右侧工具栏,默认为空
      toolbarRight: ['fullScreen'],
      //显示目录
      toc: {
        updateLocationHash: false, // 要不要更新URL的hash
        defaultModel: 'pure', // pure: 精简模式/缩略模式，只有一排小点； full: 完整模式，会展示所有标题
      },

      // 定义选中文字时弹出的“悬浮工具栏”,默认为 ['bold', 'italic', 'underline', 'strikethrough', 'sub', 'sup', 'quote', '|', 'size', 'color']
      bubble: ['bold', 'italic', 'underline', 'strikethrough', 'sub', 'sup', 'ruby', '|', 'color', 'size'],
      // 定义光标出现在行首位置时出现的"提示工具栏",默认为 ['h1', 'h2', 'h3', '|', 'checklist', 'quote', 'table', 'code']
      float: [],
      autoScrollByHashAfterInit: true,
    },
});
cherry.setMarkdown("{{ .Value }}");
</script>
`
